
<template>

  <div>
    <!-- 使用 @kangc/v-md-editor 编辑器 -->
    <v-md-editor :mode="editorMode" v-model="localValue" height="400px" @save="saveContent" />

    <!-- 保存按钮 -->
    <!--<div style="margin-top: 12px; text-align: right;">
      <el-button type="primary" @click="saveContent">保存</el-button>
    </div>-->
  </div>
</template>

<script setup>
import { ref, watch,computed,toRef } from 'vue'
import '@kangc/v-md-editor/lib/style/base-editor.css'

// 定义 props 来接收父组件传递的 `modelValue`
const props = defineProps({
  disabled: { type: Boolean, default: false },
  modelValue: {
    type: String,
    default: ''
  }
})

// 定义 emits 来发出事件给父组件
const emit = defineEmits(['update:modelValue'])

// 本地副本，避免直接修改 props
const localValue = ref(props.modelValue)

// 监听 `modelValue` 的变化，及时同步到 `localValue`
watch(() => props.modelValue, (newValue) => {
  localValue.value = newValue
})

// 通过 `v-model` 自动绑定编辑器内容
watch(localValue, (newValue) => {
  // 当编辑内容时，通知父组件更新
  emit('update:modelValue', newValue)
})

// 保存内容的处理函数
const saveContent = () => {
  // 此处可以通过 emit 向父组件传递保存动作
  emit('save', localValue.value)
}
const disabled = toRef(props, 'disabled')
const editorMode = computed(() => {
  console.log("==========20251017===============",props.isReviewDisabled)
  return disabled.value ? 'preview' : 'both'  // 审核中只显示预览，否则编辑+预览
})
</script>

